草庐IT

Element-UI 表单校验

全部标签

javascript - AngularJS $timeout 在计算值之前不等待 UI-Router 完成渲染

我正在使用angularJS和requirejs通过angularAMD将一个复杂的应用程序连接在一起。我的一个状态有两个简单的View,如下所示:$stateProvider.state("common",{url:"/",views:{"view1":{templateUrl:"view1.tpl.html"},"view2":{templateUrl:"view2.tpl.html"}}});htmlView1有一个指令:.directive('checkViewOneBoxWidth',function($timeout){return{restrict:'A',link:fu

javascript - HTTP Basic Auth 中的自定义 HTML 登录表单

我有一个带有HTTPBasicAuth的API。如果未经身份验证的用户发送HTTP请求,则服务器返回401状态代码和WWW-Authenticateheader。浏览器显示标准登录表单。是否可以显示我的HTML登录表单而不是标准浏览器的登录表单? 最佳答案 由于您使用的是AJAX调用,因此您可以拦截来自服务器的401状态代码并将用户重定向到自定义登录表单。例如,假设您正在使用jQuery并尝试访问protectedBasicAuthenticationAPI端点https://httpbin.org/basic-auth/user/

javascript - select2 multiple 防止其他输入在输入时提交表单

我有一个带有简单输入和select2输入的表单,如下所示:http://codepen.io/anon/pen/QyBxwE在第一个输入获得焦点时按enter应该提交表单(在这种情况下,重定向到404页面)。出于某种原因,多个select2输入阻止了表单提交。如果我删除select2类或multiple属性,表单将正常运行。在Safari、Chrome和Firefox上的MacOSXYosemite上测试,它在所有浏览器上一致发生。(我正在使用jQuery2.1.3和select24.0.1) 最佳答案 表单的工作原理是,当您单击回

javascript - 删除 "display:none"表单 div 后调整 c3.js 图表的大小

所以我有一个功能来预加载元素并使用“display:none”来隐藏图表脚本:$(document).ready(function(){window.setTimeout(function(){$(".topTenWebCus").css("display","none");},200);});然后我得到了另一个onclick函数来删除"display:none"css$("#buttonFire").click(function(){$(".topTenWeb30d").css("display","none");$(".topTenWebCus").css("display","b

javascript - React、Redux、React-Router - 卡在安装 material-ui 时

教程:但是由于我使用的是redux和react路由器,所以我无法真正将MuiThemeProvider放在链的顶部。包含此库的最佳方式是什么?这是我的ReactDOM.render函数:ReactDOM.render({devTools},document.getElementById('root'));这就是路由器:exportdefault(onLogout)=>(); 最佳答案 我是这样做的。我有一个index.js,我的package.json将其作为要启动的主文件(使用npmstart)。我在其中(为简洁起见删除了一些导入

javascript - 为什么 ionic 模式在关闭或提交时会卡住 UI?

我有一个弹出窗口,其中有两个选项-添加收藏夹和添加评论-,第一个选项工作正常:它不会卡住用户界面;但是第二个表单一旦被省略或提交就会卡住界面。这是正在发生的事情:请注意当我关闭表单时界面没有响应。这是我用来创建弹出框和模态框的代码:$ionicPopover.fromTemplateUrl('templates/dish-detail-popover.html',{scope:$scope}).then(function(popover){$scope.popover=popover;});$scope.openPopover=function($event){$scope.popov

javascript - 如何防止使用 Parsleyjs 从 DOM 中删除表单验证错误

我正在使用parsleyjs验证密码字段.密码有三个要求,因此有三个验证消息:密码至少需要8个字符需要一个特殊字符需要一个号码当验证返回成功时,我不希望消息被删除,而是保留在原地并视觉上设置消息的样式,在这种情况下带有绿色复选标记(默认情况下消息有红色错误图标)。所以基本上想添加一个类或删除并保留DOM中的消息。例如,当插入一个整数时,验证可能如下所示:欧芹是否可以防止默认行为(删除消息)并将成功的类添加到相应的错误消息(而不仅仅是错误列表容器)?这是我目前所拥有的和一个codependemo$(function(){$('.form').parsley();});window.Par

javascript - 在多步模式中显示第一个表单

我从网上复制了这段代码,来自here它用于通过滑出旧字段集并滑入新字段集来在单个模态中显示多个表单。Addflatadf....adf....它工作正常,但是当我在第二个或第三个或第四个字段集中关闭模态时,它会显示我停止的字段集。因此,每当我单击按钮打开模式时,我都尝试执行上一个按钮将执行的操作(滑出当前字段集并显示前一个字段集)。我的应用程序中有5个字段集。我跟踪当前的字段集,当再次打开模态时,我滑出关闭模态之前存在的字段集并显示第一个字段集。但这不行..我在一个较大的字段集上看到一个较小的字段集,有时我除了模态标题什么都看不到,有时只是一个小的字段集,如下图所示,它全都搞砸了。如何

javascript - 如何判断表单上的数据是用户输入的还是浏览器输入的?

我有一个结帐表单,它会显示一个弹出式调查,询问他们为什么在5秒后还没有开始填写表单。但是,我需要能够检查用户是否实际输入了数据,而不是通过浏览器的自动填充功能输入的数据(我在javascript或jQuery中特别忽略的标记中的任何预填充数据集)。现在我的解决方案是让setTimeout运行一个函数,该函数检查在输入类型(输入、选择、文本区域)上的jQuery.focus或.change事件上设置为false的变量(true或false)。但是,由于javascript可能会在用户能够使用表单元素后加载,因此我必须在弹出调查之前检查用户是否输入了数据。如果在用户对表单字段执行任何操作后

javascript - 如何获得iframe提交表单的响应?

我有一个使用iframe调用的表单,现在当提交该表单时,我想在调用iframe的主站点中捕获响应,并根据它启用/禁用主页中的按钮.请任何人帮助我.. 最佳答案 您可以使用window.postMessageAPI。这是一个HTML5特性,并不是所有的浏览器都支持这个特性在Iframe和父站点中,您需要检查浏览器是否支持postMessageif(typeofwindow.postMessage!='undefined'){}你可以发送你的信息window.parent.postMessage("test","*");在您的父站点(主